<!--
 * Description: 报价专案查看页面
 * Company: 联宝（合肥）电子科技有限公司
 * Author: Dongxu.Ni
 * Date: 2020/03/31 07:26
-->

<template>
  <div style="padding-left:20px">
    <!--数据表单-->
    <el-form label-position="left" label-width="130px" :model="inputData" size="mini">
      <el-row>
        <!--专案编号-->
        <el-col :span="12">
          <el-form-item :label="$t('Project.id')">
            <span>{{ inputData.id }}</span>
          </el-form-item>
        </el-col>

        <!--原始编号-->
        <el-col :span="12">
          <el-form-item :label="$t('Project.oid')">
            <span>{{ inputData.oid }}</span>
          </el-form-item>
        </el-col>

        <!--专案名称-->
        <el-col :span="12">
          <el-form-item :label="$t('Project.projectName')">
            <span>{{ inputData.projectName }}</span>
          </el-form-item>
        </el-col>

        <!--系列-->
        <el-col :span="12">
          <el-form-item :label="$t('Project.series')">
            <span>{{ inputData.series }}</span>
          </el-form-item>
        </el-col>

        <!--专案版本-->
        <el-col :span="12">
          <el-form-item :label="$t('Project.version')">
            <span>{{ inputData.version }}</span>
          </el-form-item>
        </el-col>

        <!--专案PM-->
        <el-col :span="12">
          <el-form-item :label="$t('Project.pm')">
            <span>{{ inputData.pm }}</span>
          </el-form-item>
        </el-col>

        <!--专案PM-->
        <el-col :span="12">
          <el-form-item :label="$t('Project.modifiedDate')">
            <span>{{ inputData.modifiedDate }}</span>
          </el-form-item>
        </el-col>

        <!-- 查看更多 -->
        <el-col :span="24">
          <BaseViewMore :visible.sync="isViewMore" />
        </el-col>

        <div v-if="isViewMore">
          <!--biz类型-->
          <el-col :span="12">
            <el-form-item :label="$t('Project.bizType')">
              <span>{{ inputData.bizType }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <!--BU类型-->
            <el-form-item :label="$t('Project.bu')">
              <span>{{ inputData.bu }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <!--代-->
            <el-form-item :label="$t('Project.generation')">
              <span>{{ inputData.generation }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <!--项目详细设计开始时间-->
            <el-form-item :label="$t('Project.dds')">
              <span>{{ inputData.dds }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <!--customerName-->
            <el-form-item :label="$t('Project.customerName')">
              <span>{{ inputData.customerName }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="$stringLength(inputData.financeCode) > 30 ? 24 : 12">
            <!--财务编码-->
            <el-form-item :label="$t('Project.financeCode')">
              <span>{{ inputData.financeCode }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <!--model类型-->
            <el-form-item :label="$t('Project.modelType')">
              <span>{{ inputData.modelType }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <!--成本中心-->
            <el-form-item :label="$t('Project.profitCenter')">
              <span>{{ inputData.profitCenter }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <!--program-->
            <el-form-item :label="$t('Project.program')">
              <span>{{ inputData.program }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <!--产品名称-->
            <el-form-item :label="$t('Project.productName')">
              <span>{{ inputData.productName }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <!--项目编码-->
            <el-form-item :label="$t('Project.projectNumber')">
              <span>{{ inputData.projectNumber }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <!--项目类型-->
            <el-form-item :label="$t('Project.projectType')">
              <span>{{ inputData.projectType }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <!--备注-->
            <el-form-item :label="$t('Project.remark')">
              <span>{{ inputData.remark }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <!--推向市场时间-->
            <el-form-item :label="$t('Project.ss')">
              <span>{{ inputData.ss }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <!--状态	-->
            <el-form-item :label="$t('Project.state')">
              <span>{{ inputData.state }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <!--tdmsName-->
            <el-form-item :label="$t('Project.tdmsName')">
              <span>{{ inputData.tdmsName }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <!--teamLocation	-->
            <el-form-item :label="$t('Project.teamLocation')">
              <span>{{ inputData.teamLocation }}</span>
            </el-form-item>
          </el-col>
        </div>
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'ProjectDataIdpView',
  props: {
    inputData: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  data() {
    return {
      isViewMore: false
    }
  },
  computed: {},
  watch: {},
  created() {
    this.pageDataInit()
  },
  mounted() {},
  methods: {
    pageDataInit() {}
  }
}
</script>

<style scoped>
.el-form-item__content span {
  margin-left: 5px;
  color: blue;
}
</style>
